<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>贝壳找房</title>
    <link rel="stylesheet/less" href="./css/index.less">
    <script src="./libs/less.min.js"></script>
    <script src="./libs/jquery-3.6.0.js"></script>
</head>
<style>

</style>
<body>

    <div class="header">
        <div class="top">
            <div class="top-left">
                <img src="./img/logo.png" alt="">
                <span class="address">暂无</span>
            </div>
            <div class="top-right"></div>
        </div>
        <div class="header-banner">
            <div class="header-banner-main">
                <span >要找真房源 还是贝壳全</span>
                <span>开始寻找属于你的家</span>
                <div class="search-box-con">
                    <div class="search-header">
                        <ul>
                        </ul>
                    </div>
                    <div class="search-body">
                        <div class="search-body-main">
                            <input class="search-input" type="text" placeholder="请输入信息">
                            <button></button>
                            <div class="search-info-list">
                                <ul class="search-lists">
                                </ul>
                            </div>
                        </div>
      
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wrapper">
        <div class="name">
            二手好房
        </div>
        <div class="detail">
            <p>好房源那么多，我们为你精选</p>
            <a href="">更多福州二手房</a>
        </div>
        <div class="house-items">
            <div class="item">
                <img src="./img/bg-item.jpeg" alt="">
                <p>仓山区·金山公园</p>
                <p>融信大卫城A区</p>
                <div class="info">
                    <p>3室2厅·89平米</p>
                    <p>229万</p>
                </div>
            </div>
            <div class="item">
                <img src="./img/bg-item.jpeg" alt="">
                <p>仓山区·金山公园</p>
                <p>融信大卫城A区</p>
                <div class="info">
                    <p>3室2厅·89平米</p>
                    <p>229万</p>
                </div>
            </div>
            <div class="item">
                <img src="./img/bg-item.jpeg" alt="">
                <p>仓山区·金山公园</p>
                <p>融信大卫城A区</p>
                <div class="info">
                    <p>3室2厅·89平米</p>
                    <p>229万</p>
                </div>
            </div>
            <div class="item">
                <img src="./img/bg-item.jpeg" alt="">
                <p>仓山区·金山公园</p>
                <p>融信大卫城A区</p>
                <div class="info">
                    <p>3室2厅·89平米</p>
                    <p>229万</p>
                </div>
            </div>
        </div>
    </div>

    <div class="wrapper-vil">
        <div class="name">
            二手好房
        </div>
        <div class="detail">
            <p>好房源那么多，我们为你精选</p>
            <a href="">更多福州二手房</a>
        </div>
        <div class="village-items">
            <div class="items">
                <img src="./img/bg-new-house.jpg" alt="">
                <div class="info">
                    <p>阳光城翡丽湾</p>
                    <p>18833元/平</p>
                </div>
                <div class="time">
                    2000年建
                </div>
            </div>
            <div class="items">
                <img src="./img/bg-new-house.jpg" alt="">
                <div class="info">
                    <p>阳光城翡丽湾</p>
                    <p>18833元/平</p>
                </div>
                <div class="time">
                    2000年建
                </div>
            </div>
            <div class="items">
                <img src="./img/bg-new-house.jpg" alt="">
                <div class="info">
                    <p>阳光城翡丽湾</p>
                    <p>18833元/平</p>
                </div>
                <div class="time">
                    2000年建
                </div>
            </div>
        </div>
    </div>
    <script src="./js/request.js"></script>
    <script src="./js/config.js"></script>
    <script src="./js/home.js"></script>
    <script>
        $('.search-header ul li').on('click',function(){
            $('.search-header ul li').removeClass();
            $(this).addClass('active');
        })
    </script>
</body>
</html>